<template>
  <div class="container">
    <h1>vue Router</h1>
    <div class="row">
      <ul class="nav nav-pills nav-stacked col-xs-4">
        <li role="presentation" >
          <router-link to="/home">Home</router-link>
        </li>
        <li role="presentation" >
          <router-link to="/about"> About</router-link>
        </li>
      </ul>
      <div class="col-xs-6">
        <link-active>
          <router-view />
        </link-active>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: "App",
};
</script>

<style>
.router-link-active{
  background-color: pink !important;
}
</style>